<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>闫文超</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <script src="../layui/layui.js" charset="utf-8"></script>
    <script src="../layui/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
    <!--    <script src="../upload.js" charset="utf-8"></script>-->

    <!--    <link rel="stylesheet" href="../static/layui.css"  media="all">-->
    <!--    <script src="../static/layui.js" charset="utf-8"></script>-->
    <!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

<blockquote class="layui-elem-quote layui-text">
    提示：以下示例的是excel的文件的导入。
    <!--    <br>其他示例未配置上传接口，所以每次上传都会报「请求上传接口出现异常」的提示，这属于正常现象。-->
</blockquote>

<body>


<a name="list-progress"> </a>

<div style="margin-top: 10px;">


</div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>指定允许上传的文件类型</legend>
</fieldset>
<div class="layui-btn-container">
    <!--    <button type="button" class="layui-btn layui-btn-fluid" id="test3"><i class="layui-icon"></i>上传文件</button>-->


    <!--    &lt;!&ndash;    <button class="layui-btn" onclick="exportData();">导出</button>&ndash;&gt;-->
    <!--    &lt;!&ndash;    <button type="button" class="layui-btn layui-btn-primary" id="test4"><i class="layui-icon"></i>只允许压缩文件</button>&ndash;&gt;-->
    <!--    &lt;!&ndash;    <button type="button" class="layui-btn" id="test5"><i class="layui-icon"></i>上传视频</button>&ndash;&gt;-->
    <!--    &lt;!&ndash;    <button type="button" class="layui-btn" id="test6"><i class="layui-icon"></i>上传音频</button>&ndash;&gt;-->

<!--    &lt;!&ndash;原生的&ndash;&gt;-->
<!--    <form action="/excel/file" method="post" encType="multipart/form-data">-->
<!--        <input type="file" class="layui-btn layui-btn-normal" name="file">-->
<!--        <button type="submit" class="layui-btn layui-btn-fluid">上传</button>-->
<!--    </form>-->

    <!--原生的-->
    <form action="/excel1/file" method="post" encType="multipart/form-data">
        <input type="file" class="layui-btn layui-btn-normal" name="file">
        <button type="submit" class="layui-btn layui-btn-fluid">上传</button>
    </form>

</div>

<script>


    layui.use(['upload', 'element', 'layer'], function () {
        var $ = layui.jquery
            , upload = layui.upload
            , element = layui.element
            , layer = layui.layer;

        //指定允许上传的文件类型
        upload.render({
            elem: '#test3'
            , url: '/excel/file' //此处配置你自己的上传接口即可
            , accept: 'file|xls' //普通文件
            , exts: 'xls|xlsx|xlsm|xlt|xltx|xltm|txt'
            , done: function (res) {
                layer.msg('上传成功11');
                console.log(res.data);// 先打印一下
                if (res.code == 0) {
                    layer.msg('上传成功');
                    //     // 如果 导入成功再导出
                    //     exportExcel(res.data);
                }
            }
        });
        //         // , error: function (res) {
        //         //     var dd = res.responseText.replace(/<\/?.+?>/g,"");
        //         //     var text = dd.replace(/ /g, "");//去掉 所有的空格
        //         //     n++, o.msg("请求上传接口出现异常" + text), m(e), u()
        //         // }
        //
        //
        //     });
        //
        // function file(list) {
        //     // 用个ajax吧
        //     $.ajax({
        //         url: '/excel/file',
        //         type: 'GET',
        //         dataType: 'json',
        //         data: {
        //             list: list,
        //             fileName: '10086'
        //         },
        //         success: function (resultData) {
        //             layer.msg('导出成功');
        //         }
        //     });
        // }


        // upload.render({ //允许上传的文件后缀
        //     elem: '#test4'
        //     , url: 'user/file/' //此处配置你自己的上传接口即可
        //     , accept: 'file' //普通文件
        //     , exts: 'zip|rar|7z' //只允许上传压缩文件
        //     , done: function (res) {
        //         layer.msg('上传成功');
        //         console.log(res)
        //     }
        // });

        //拖拽上传
        // upload.render({
        //     elem: '#test10'
        //     //  ,url: 'https://httpbin.org/post' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
        //     , url: 'user/file/'
        //     , done: function (res) {
        //         layer.msg('上传成功');
        //         layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src', res.files.file);
        //         console.log(res)
        //     }
        // });


    });


    // function exportData() {
    //     window.open("/user/exportExcel");


</script>

</body>
</html>